<template>
    <div class="main">
        <div class="topImg">
            <img src="@/assets/img/share/top.png" alt="">
            <div class="inviteTxt">
                <p>
                    {{resultData.parentAgentName}}
                </p>
                <p>
                    诚邀您成为 
                    <span>
                        {{resultData.agentTypeDesc}}
                    </span>
                </p>
            </div>
            <div class="container">
                <div class="form">
                    <div class="form-item">
                        <p class="label">
                            手机号
                        </p>
                        <p class="form-item-con">
                            <input disabled class="inputs" v-model="resultData.phone" type="text">
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            机构名称
                        </p>
                        <p class="form-item-con">
                            <input disabled class="inputs" v-model="resultData.agentName" type="text">
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            结算方式
                        </p>
                        <p class="form-item-con">
                            <input disabled v-model="resultData.settleTypeDesc" class="inputs" type="text">
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            账号
                        </p>
                        <p class="form-item-con">
                            <input disabled class="inputs" v-model="resultData.account" type="text">
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            所有人
                        </p>
                        <p class="form-item-con">
                            <input disabled class="inputs" v-model="resultData.accountHolder" type="text">
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            付款证明
                        </p>
                        <p>
                            <uploadImg :data="resultData.paymentProof"></uploadImg>
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            营业执照
                        </p>
                        <p>
                            <uploadImg :data="resultData.businessLicense"></uploadImg>
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            合同
                        </p>
                        <p>
                            <uploadImg :data="resultData.contract"></uploadImg>
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            相关文档
                        </p>
                        <p>
                            <uploadImg :data="resultData.other"></uploadImg>
                        </p>
                    </div>
                    <div class="form-item">
                        <p class="label">
                            说明
                        </p>
                        <p>
                            <textarea disabled rows="3" v-model="resultData.examineDesc" cols="30">
                            </textarea>
                        </p>
                    </div>
                    <!-- <div class="footer">
                        <span>
                            确认提交
                        </span>
                        <span>
                            取消
                        </span>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="model" v-if="model">
            <div class="checkBox">
                <img v-if="resultData.examineFlag == 0" src="@/assets/img/login/reject.png" alt="">
                <p v-if="resultData.examineFlag == 0" class="status">审核驳回</p>
                <p v-if="resultData.examineFlag == 0" class="mark">{{resultData.examineDesc}}</p>
                    
                <img v-if="resultData.examineFlag == 1" src="@/assets/img/login/success.png" alt="">
                <p v-if="resultData.examineFlag == 1" class="status">审核已通过</p>
                <p v-if="resultData.examineFlag == 1" class="mark">{{resultData.examineDesc}}</p>

                <img v-if="resultData.examineFlag == 2" src="@/assets/img/login/checking.png" alt="">
                <p v-if="resultData.examineFlag == 2" class="status">审核中，请耐心等待...</p>
                <p v-if="resultData.examineFlag == 2" class="mark">{{resultData.examineDesc}}</p>
                
                <p class="cancelBox">
                    <img @click="showModel" src="@/assets/img/login/cancel.png" alt="">
                </p>
            </div>
        </div>
    </div>
</template>
<script>
import bottomNav from '@/components/bottomNav/bottomNav.vue'
import uploadImg from './uploadImg.vue'
export default {
    name: 'todayData',
    components: {
        bottomNav, uploadImg
    },
    data () {
        return {
            model:true
        }
    },
    computed:{
        resultData () {
            return this.$store.state.login.resultData
        }
    },
    mounted() {
        console.log(this.$store.state.login.resultData)
    },
    methods: {
        showModel(){
            this.model = false
        },
        getList(){}
    },
}
</script>
<style scoped>
.model{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    padding: 0 0.6rem;
    box-sizing: border-box;
}
.checkBox{
    margin-top: 50%;
    box-sizing: border-box;
    padding-top: 0.5rem;
    height: 4.2rem;
    background: #FFFFFF;
    border-radius: 0.15rem;
    text-align: center;
    color: #000;
}
.checkBox img{
    width: 3.62rem;
    height: 2.12rem;
}
.checkBox>.status{
    font-size: 0.32rem;
    margin: 0.2rem 0;
}
.checkBox>.mark{
    font-size: 0.28rem;
    color: #666;
    height: 0.28rem;
}
.cancelBox{
    margin-top: 0.8rem;
}
.cancelBox img{
    width: 0.68rem;
    height: 0.68rem;
}
.main{
    height: 100%;
    background: #4C62E2;
}
.topImg{
    position: relative;
    width: 100%;
    height: 11.04rem;
}
.topImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inviteTxt{
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
    text-align: center;
}
.inviteTxt>p:first-child{
    color: #fff;
    font-size: 0.42rem;
}
.inviteTxt>p:last-child{
    color: #fff;
    font-size: 0.32rem;
    font-family: PingFang SC;
    font-style: italic;
    color: #FFFFFF;
    margin-top: 0.1rem;
}
.inviteTxt>p:last-child>span{
    color: #fff;
    font-size: 0.46rem;
    font-weight: bold;
    font-style: normal;
}
.container{
    padding: 0 0.26rem .46rem 0.26rem;
    background: #4C62E2;
    margin-top: -1.2rem;
}
.form{
    background: #5F77F7;
    box-shadow: 0px 0.06rem 0.21rem 0px #384FD3;
    border-radius: 0.2rem;
    padding: 0.16rem 0.52rem 0.56rem 0.52rem;
    overflow: hidden;
}
.form-item{
    width: 5.64rem;
}
.label{
    font-size: 0.32rem;
    color: #fff;
    padding: 0.2rem 0;
}
.form-item-con{
    height: 0.68rem;
}
.inputs{
    background: #4C62E2;
    border: 0.02rem solid #DCE2FF;
    border-radius: 0.05rem;
    width: 92%;
    height: 100%;
    color: #fff;
    font-size: 0.28rem;
    padding: 0 0.16rem;
}
textarea{
    background: #4C62E2;
    border: 0.02rem solid #DCE2FF;
    border-radius: 0.05rem;
    width: 92%;
    color: #fff;
    font-size: 0.28rem;
    padding: 0.16rem;
}
.area{
    height: 2rem;
}
.sendBtn{
    color: #A4DEFF;
    font-size: 0.26rem;
    position: absolute;
    right: 0.42rem;
    top: 0.2rem;
    border-left: 0.01rem solid #7486EF;
    padding-left: 0.2rem;
}
.footer{
    display: flex;
    justify-content: space-between;
    margin-top: 0.46rem;
}
.footer span:first-child{
    font-size: 0.3rem;
    color: #fff;
    width: 2.62rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background: #FF9C00;
    border-radius: 0.1rem;
    display: inline-block;
}
.footer span:last-child{
    font-size: 0.3rem;
    color: #FFC05E;
    width: 2.6rem;
    height: 0.78rem;
    line-height: 0.78rem;
    text-align: center;
    border-radius: 0.1rem;
    border: 0.02rem solid #FFC05E;
    display: inline-block;
}
</style>